<template>
	<view>

            <view class="mod counselo-base">
                <view class="mod-bac"> 

                
                    <view class="btn-area">
                        <button class="btn btn-v3 btn-bgimg click_open_layer" >
                            向他咨询
                        </button>
                    </view>
                    <view class="name-wrap">
                        <view class="name">
                            <h3>周昊天</h3>
                        </view>
                        <view class="college">
                            <p>华中科技大学</p>
                        </view>
                    </view>
                    <view class="lb-area-v3">
                        <span class="new-lbs tags-bgcl">市场分析行家</span>
                        <span class="new-lbs gray-bg">客观专业</span>
                        <span class="new-lbs gray-bg">积极正向</span>
                    </view>

                    <view class="txt-con">
                        <view class="con">
                            我是房象咨询师周昊天，毕业于华中科技大学，经过几年地产工作经验，深入了解杭州房地产地态和行业行情。   
                        </view>
  
                    </view>
                        
                    
                </view>
            </view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
        background: #fff;
    }

    .mod{
        height: 422upx;
    }
    .mod-bac{
        width: 670upx;
        height: 350upx;
        float: left;
        margin-left: 40upx;
        position:relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .college>p{
        color: #77808A;
        font-size: 24upx;
        margin-top: 20upx;
    }

    .btn-area{
        width: 200upx;
        height: 64upx;
        float:right;     
    }
    .btn {
         width: 200upx;
        height: 64upx;
        background: #13c3c3;
        color: #fff;
        letter-spacing: 2upx;
        border-radius: 4upx; 
        font-size: 32upx;
        line-height: 64upx;
    }

    .name-wrap{
        width:470upx;
        height: 108upx;
        float: left;
    }





    .lb-area-v3{
        width: 670upx;
        height: 36upx;
        float: left;
        font-size: 24upx;
        color: #13c3c3;
        margin-top: 10upx;
    }
     .lb-area-v3>span{
         padding: 10upx 10upx 10upx 10upx;
         background: #f3f6f9;
         text-align: center;
         line-height: 36upx;
         margin-right: 20upx;
       
         border-radius: 10upx;
     }

    .txt-con{
        height: 176upx;
        width:670upx;
        float: left;
        background: #f3f6f9 url("../../../static/img00/mm.png") no-repeat 2upx 0;
        border-radius: 10upx;
        margin-top: 20upx;
    
    }
    .con{
        height: 120upx;
        width:622upx;
        background: #f3f6f9;
        margin: 0 auto;
        position:relative;
        top: 50%;
        transform: translateY(-50%);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        
    }

</style>